<head >

<script>

function myFunction()
{
	counter=0;
 <% @allProjects.each do |project| %>

 $('<li><a href="/projects/<%=project.id%>">'+counter+'</a></li>').appendTo("#paging-area");
 counter++;
 
<% end %>

}
</script>
</head>

<body >
<div class="row">
			<div class="span8" style="height:420px;">
				<div style="padding-left:20px">

<div class="pagination" >
  <ul id= "paging-area">
    
  </ul>
</div>
<div class="pagination">

<% @projects.each do |project| %>
<ul>
<%= image_tag(project.photo.url, :size => "300x200") %>
<h2> <%= link_to project.name , project  %></h2>
<p> <%= (project.summary).html_safe  %></p>
 </ul>
<% end %>


</div>

	<% if admin_authenticated? %>
<p><%= link_to "Add new Project" , new_project_path %></p>
<%end %>
</div>
</div>
<div class="span4">
				<div style="height:400px;border-left:1px solid #a0a0a0;padding-left:20px;width:330px;overflow:auto;">

				</div>
			</div>
		</div>
</div>




</body>
